<template>
	<view>
		
		<!-- 数据列表 -->
		<view class="tab-title flex">
			<view class="item1">
				订单编号
			</view>
			<view class="item2">
				商品价格
			</view>
			<view class="item2">
				提成
			</view>
			<view class="item3">
				消费会员
			</view>
			<view class="item4">
				结算状态
			</view>
		</view>
		
		<view class="num-title flex" v-for="(item,index) in 6" :key="index">
			<view class="item1">
				201705142016
			</view>
			<view class="item2">
				$88
			</view>
			<view class="item2">
				$88
			</view>
			<view class="item3">
				微信昵称
			</view>
			<view class="item4">
				已结算
			</view>
		</view>
		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				

			}
		},
		onLoad() {

		},
		methods: {
			

		}
	}
</script>

<style lang="scss">
	page{
		background-color: #eee;
	}
	
	.num-title{
		height:100rpx;
		border-bottom: 1rpx solid #eee;
		background-color: white;
		view{
			text-align: center;
			height:100rpx;
			line-height: 100rpx;
			font-size: 24rpx;
			color:#999999;
		}
		.item1{
			flex:2;
		}
		.item2{
			flex:1;
		}
		.item3{
			flex:1;
		}
		.item4{
			flex:1;
		}
	}
	
	.tab-title{
		height:100rpx;
		border-bottom: 1rpx solid #eee;
		background-color: white;
		view{
			text-align: center;
			height:100rpx;
			line-height: 100rpx;
		}
		.item1{
			flex:2;
		}
		.item2{
			flex:1;
		}
		.item3{
			flex:1;
		}
		.item4{
			flex:1;
		}
	}
	
	
	
</style>
